<template>
  <div class="h-full w-full flex justify-between">
    <div class="w-[340px] h-full bg-[#fff] mr-[10px] shadow rounded-r-[5px]">
      <Config @init="list => (gameList = list)" />
    </div>
    <div class="grow-[1] w-0 bg-[#fff] shadow rounded-l-[5px]">
      <ReportWarpper />
    </div>
  </div>
</template>
<script setup lang="ts">
import Config from "./components/config.vue";
import ReportWarpper from "./components/report-warpper.vue";

const gameList = ref<DapanConfig["GameList"]>([]);
</script>
<style scoped lang="scss">
.shadow {
  box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.08);
}
</style>
